<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <body>
        <ui:composition template="../plantilla/plantilla.xhtml">
            <ui:define name="content">
                    <p:imageSwitch effect="fade" style="height: 330px" >
                        <ui:repeat value="#{homeBean.images}" var="image">
                            <p:column width="100%">
                                <p:graphicImage value="#{homeBean.streamImagen}" width="100%" height="100%" >
                                    <f:param name="nameImage" value="#{image}" />
                                </p:graphicImage> 
                            </p:column>
                        </ui:repeat>
                    </p:imageSwitch>
                <h:panelGrid columns="8">
                    <h:outputLabel value="Este es el método más fácil de obtener una casa: "/>
                    <p:commandButton value="Garantías" style="height: 60px"/>
                    <p:commandButton value="Evitar problemas" style="height: 60px"/>
                    <p:commandButton value="Contratación" style="height: 60px"/>
                    <p:commandButton value="Perdida de Materiales" style="height: 60px"/>
                    <p:commandButton value="Bonos/Depósito" style="height: 60px"/>
                    <p:commandButton value="Obras paradas o a tiempo" style="height: 60px"/>
                    <p:commandButton value="Seguros" style="height: 60px"/>
                </h:panelGrid>
            </ui:define>
        </ui:composition>
    </body>
</html>
